<!DOCTYPE html>
<html lang="zh-cn" >
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>sakura</title>
    <link rel="shortcut icon" href="./images/favicon.ico" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet"href="./bootstrap/bootstrap-4.6.2-dist/css/bootstrap.css"/>
  </head>
  <body>
    
    <div class="box " name="home">
      <!-- 回到顶部按钮 -->
      <button class="GoTop" title="回到顶部" >
          <i class="gotops"><img src="./images/去顶部_to-top.png" alt="" class="gotopimg"></i>
      </button>
      <!-- 搜索框内容 -->
      <div class="searchbox">
        <div class="orient">
          <div class="delete"></div>
        <textarea name="" class="searchboxs" placeholder="有什么想要找的嘛？"></textarea>
        <div class="git"><img src="./images/1714824898-cat_1.gif" alt=""></div>
        </div>
      </div>
      <!-- 顶部导航栏 -->
      <div class="top">
        <div class="tops">
          <div class="main">
            <div class="left">
              <a href="">
                <div class="logo">
                  sakura
                </div>
              </a>
            </div>
            <div class="right">
              <div class="log">
                <a href="./indexlog.html" target="_blank"><img src="./images/none.png" alt="" /></a>
              </div>
              <div class="search">
                <!-- <i class="iconfont js-toggle-search iconsearch icon-search"></i> -->
                <img src="./images/search.png" alt="" />
                
              </div>
                <div class="menu">
                  <div class="line line1"></div>
                  <div class="line line2"></div>
                  <div class="line line3"></div>
                <div class="menubox">
                  <ul>
                    <li class="option-1">
                      <a href="index.html">主页</a>
                    </li>
                    <li class="option-2">
                      <a href="">文章归档</a>
                      <ol class="wenZhang">
                        <li><a href="">编程</a></li>
                        <li><a href="">游戏</a></li>
                        <li><a href="">番剧</a></li>
                        <li><a href="">杂谈</a></li>
                        <li><a href="">未分类</a></li>
                      </ol>
                    </li>
                    <li class="option-3">
                      <a href="">说说</a>
                    </li>
                    <li class="option-4">
                      <a href="">个人珍藏</a>
                    </li>
                    <li class="option-5">
                      <a href="">友人帐</a>
                    </li>
                    <li class="option-6">
                      <a href="">关于</a>
                      <ol class="guanYu">
                        <li><a href="">时光轴</a></li>
                        <li><a href="">个人图床</a></li>
                        <li><a href="">隐私政策</a></li>
                        <li><a href="">站点地图</a></li>
                      </ol>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="deleteNone">
                <div class="deletes"></div>
              </div>
              
            </div>
          </div>
        </div>
      </div>
      <!-- 响应式隐藏菜单栏 -->
      <div class="openbox">
          <div class="openNav">
            <div class="Stouxiang">
              <img src="./images/avatar.jpg" alt=""class="Stouxiangimg">
            </div>
            <textarea name="" class="opensearch" placeholder="搜索……"></textarea>
            <div class="openboxs">
              <ul>
                <li class="option-1">
                  <a href="index.html" class="expend">主页</a>
                </li>
                <li class="option-2">
                  <a href="" class="expend">文章归档</a>
                  <ol class="wenZhang">
                    <li class="olli"><a href="">编程</a></li>
                    <li class="olli"><a href="">游戏</a></li>
                    <li class="olli"><a href="">番剧</a></li>
                    <li class="olli"><a href="">杂谈</a></li>
                    <li class="olli"><a href="">未分类</a></li>
                  </ol>
                </li>
                <li class="option-3">
                  <a href="" class="expend">说说</a>
                </li>
                <li class="option-4">
                  <a href="" class="expend">个人珍藏</a>
                </li>
                <li class="option-5">
                  <a href="" class="expend">友人帐</a>
                </li>
                <li class="option-6">
                  <a href="" class="expend">关于</a>
                  <ol class="guanYu">
                    <li class="olli"><a href="">时光轴</a></li>
                    <li class="olli"><a href="">个人图床</a></li>
                    <li class="olli"><a href="">隐私政策</a></li>
                    <li class="olli"><a href="">站点地图</a></li>
                  </ol>
                </li>
              </ul>
            </div>
          </div>
      </div>
      <!-- 响应式隐藏菜单按钮 -->
      <div class="openNone">
        <div class="openbtn">
          <div class="line line1"></div>
        </div>
      </div>
      <div class="opendelete"></div>
      <!-- 主界面的背景和内容 -->
      <div class="bg">
          
          <div class="bgPhoto">
            <div class="personal">
              <div class="header-tou">
                <div class="touxiang">
                  <img src="./images/avatar.jpg" alt="" class="imgPhoto" />
                </div>
              </div>
              <div class="header-info">
                <p class="text">一沙一世界，一花一天堂。君掌盛无边，刹那成永恒。</p>
                <div class="top-social"></div>
              </div>
            </div>
          </div>
      </div>
      <!-- 主要的内容 -->
      <div class="content">
        <div class="partOne">
          <span class="fa">Discovery</span>
          <div class="partmain">
            <a href="">
              <div class="one">
                <div class="imgbox">
                  <img src="./images/s2.jpg" alt="" class="images-1">
                </div>
              </div>
            </a>
            <a href="">
              <div class="two">
                <div class="imgbox">
                  <img src="./images/s20.jpg" alt="" class="images-1">
                </div>
              </div>
            </a>
            <a href="">
              <div class="three">
                <div class="imgbox">
                  <img src="./images/s21.jpg" alt="" class="images-1">
                </div>
              </div>
            </a>
          </div>
        </div>

        <div class="partTwo">
          <span class="fa">Discovery</span>
          <div class="partmain">
            <div class="partLeft">
              <div class="leftBox">
                <a href=" "><img src="./images/s19.jpg" alt="" class="fine"></a>
              </div>
            </div>
            <div class="partRight">
                <p class="title">别讲太多，不离开就是最好的承诺</p>
                <p>生如夏花之绚烂，死如秋叶之静美</p>
                <p>总有人间一两风，填我十万八千梦</p>
                <p>寄意寒星荃不察，我以我血荐轩辕</p>
                <p>宁可枝头抱香死，何曾吹落北风中</p>
                <p>年年岁岁花相似，岁岁年年人不同</p>
                <p>天若有情天亦老，人间正道是沧桑</p>
                <p>竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生</p>
                <p>回首向来萧瑟处，归去，也无风雨也无晴</p>
            </div>
            
          </div>
        </div>
      </div>

      <script src="./jq/jquery-3.7.1.js"></script>
      <script src="./js/index.js"></script>
    </div>
  </body>
</html>
